<script setup lang="ts">
/*Call Components*/
import RevenueCard from '@/components/dashboard/RevenueCard.vue';
import NewCustomer from '@/components/dashboard/NewCustomer.vue';
import Totalincome from '@/components/dashboard/TotalIncome.vue';
import RevenueProduct from '@/components/dashboard/RevenueProducts.vue';
import DailyActivities from '@/components/dashboard/DailyActivities.vue';
</script>

<template>
    <v-container fluid><!-- 使用 fluid 属性使容器占满宽度 -->
        <v-row no-gutters><!-- 使用 no-gutters 移除默认的外边距 -->
            <v-col cols="12" lg="8">
                <RevenueCard />
            </v-col>
            <v-col cols="12" lg="4">
                <NewCustomer class="mb-6" />
                <Totalincome />
            </v-col>
            <v-col cols="12" lg="8">
                <RevenueProduct />
            </v-col>
            <v-col cols="12" lg="4">
                <DailyActivities />
            </v-col>
        </v-row>
    </v-container>
</template>

<style scoped></style>
